﻿<extend name="common/common" />

<block name="title"><title>专注于大学生|白领的旅游平台——仟途旅游</title></block>

<block name='css'>
	<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css"  media="all" />
</block>

<block name="content">

	<div id="content">
	<!--	<div class="flexslider">
			<ul class="slides">
				<if condition="$homePage1 neq null"><li><a href="{:U('Route/readRoute')}?id={$homePage1.route_id}"><img style="height: 500px" src="__PUBLIC__/uploads/routeImage/{$homePage1.value}" /></a></li></if>
				<if condition="$homePage2 neq null"><li><a href="{:U('Route/readRoute')}?id={$homePage2.route_id}"><img style="height: 500px" src="__PUBLIC__/uploads/routeImage/{$homePage2.value}" /></a></li></if>
				<if condition="$homePage3 neq null">
					<li><a href="{:U('Route/readRoute')}?id={$homePage3.route_id}"><img style="height: 500px" src="__PUBLIC__/uploads/routeImage/{$homePage3.value}" /></a></li>
				</if>
				<if condition="$homePage4 neq null">
					<li><a href="{:U('Route/readRoute')}?id={$homePage3.route_id}"><img style="height: 500px" src="__PUBLIC__/uploads/routeImage/{$homePage3.value}" /></a></li>
				</if>
			</ul>
		</div>-->
		<div class="homePage">
			<img src="__PUBLIC__/images/tuBu/big_homePage.jpg" alt="" id="big">
		</div>

		<div class="twoPage">
			<div class="container">
				<div>
					<h1>仟途旅游</h1>
				</div>
				<div class="text">
					<p>开心的时候徒步漫游，行山涉水，</p>
					<p>足迹所到之处各种各样的鲜花竞相开放，</p>
					<p>献上动人的微笑，一路走来，一路花开；</p>
					<p>不开心的时候坐坐火车，看着车窗外的事物飞快的转换，</p>
					<p>出现，然后消失，渐行渐远，那么，不管忧伤还是满心的倦怠，</p>
					<p>都可以放下，只剩下未来行程的期待。</p>
				</div>
				<div id="img">
					<img src="__PUBLIC__/images/tuBu/app_image1.jpg" alt="">
				</div>
			</div>
		</div>

		<div class="threePage">
			<div class="container">
				<h1>各种团体游</h1>
				<div class="text">
					<p>班游，毕业游，部门出游，</p>
					<p>去不同的地方，看不同的风景，</p>
					<p>知道不同的事，感悟不同的人生，</p>
					<p>唯有相同的是身边陪伴左右的你们！</p>
				</div>
				<div id="img1" class="pull-right">
					<img src="__PUBLIC__/images/tuBu/app_image2.jpg" alt="" id="second">
					<img src="__PUBLIC__/images/tuBu/app_image3.jpg" alt="" id="first">
				</div>
			</div>
		</div>

		<div class="fourPage">
			<div class="container">
				<h1>照片画廊</h1>
				<div class="text">
					<p>背着背包的路上，</p>
					<p>看过许多人，听过许多故事，</p>
					<p>见过旅行风景，就这样，慢慢学会了长大。</p>
					<p>照片画廊，仟途陪你一起记录旅行的点滴！</p>
				</div>
				<div id="img2">
					<img src="__PUBLIC__/images/tuBu/app_image4.jpg" alt="" id="main_img">
				</div>
				<div class="img-box">
					<img src="__PUBLIC__/images/tuBu/6.jpg" alt="" class="pic pic1">
					<img src="__PUBLIC__/images/tuBu/7.jpg" alt="" class="pic pic2">
					<img src="__PUBLIC__/images/tuBu/8.jpg" alt="" class="pic pic3">
					<!--<img src="__PUBLIC__/images/tuBu/4.jpg" alt="" class="pic pic4">-->
					<img src="__PUBLIC__/images/tuBu/5.jpg" alt="" class="pic pic5">
				</div>
			</div>
		</div>

		<div class="fivePage">
			<div class="container">
                <div class="text">
				<p>更多精彩，期待您的到来...</p>
                </div>
                <div class="no">
                    <!--<p>友情链接</p>
                    <p><a href="http://www.baidu.com">中国共产党</a> </p>-->
                </div>
				<div>
					<div id="left-fivePage">
						<img src="__PUBLIC__/uploads/systemImage/{$codeValue}" alt="" style="width: 270px;height: 270px;">
						<h2>微信公众号</h2>

					</div>
				</div>
            </div>
		</div>

		<!--<div class="side">
				<li><img src="__PUBLIC__/images/tuBu/logo1.gif"></li>
		</div>-->
        <div class="toolbar">

            <a href="" class="toolbar-item toolbar-item-logo"></a>
            <a href="###" class="toolbar-item toolbar-item-weixin"><span class="toolbar-layer"></span></a>
            <a href="###" class="toolbar-item toolbar-item-feedback">
                <span class="toolbar-layer">
                    <div class="wb">
                    <p>陈远逵</p>
                        <p><img src="__PUBLIC__/images/phone.jpg" alt="" style="width: 20px;height: 20px">15521054508</p>
                        <p>庄敏燕</p>
                        <p><img src="__PUBLIC__/images/phone.jpg" alt="" style="width: 20px;height: 20px">13631307056</p>
                    </div></span></a>
            <a href="###" class="toolbar-item toolbar-item-app">
                <!--<span class="toolbar-layer"></span>-->
            </a>
            <a href="javascript:scroll(0,0)" id="top" class="toolbar-item toolbar-item-top"></a>
        </div>

    </div>

</block>

<block name="js">
	<script src="http://libs.useso.com/js/jquery/1.7.2/jquery.min.js"></script>
	<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/jquery.flexslider-min.js"></script>
	<script type="text/javascript">
		$(function() {
			$(".flexslider").flexslider({
				slideshowSpeed: 2500, //展示时间间隔ms
				animationSpeed: 400, //滚动时间ms
				touch: true //是否支持触屏滑动
			});
		});
		$(function(){
			$(".side ul li").hover(function(){
				$(this).find(".sidebox").stop().animate({"width":"124px","height":"54px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#ae1c1c"})
			},function(){
				$(this).find(".sidebox").stop().animate({"width":"54px","height":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})
			});
		});
		/*//回到顶部函数
		function goTop(){
			$('html,body').animate({'scrollTop':0},300);
		}*/

		$(".nav-tubu").removeClass("navbar-fixed-top");
		$("#main").removeAttr("style");
	</script>
</block>

